<?php //$this->load->view('lyn/v_header');?>

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="<?= $this->meta_keywords ?>" />
    <meta name="title" content="<?= $this->meta_title ?>" />
    <meta name="description" content="<?= $this->meta_description ?>" />
    <meta name="uri-translation" content="on" />
    <title><?= $this->meta_title ?></title>

    <link rel="shortcut icon" href="<?php echo base_url();?>public/images/favicon.ico" />

    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
    <style>
	
.wd_checkin > label {
    display: none !important;
}
.be_widget {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.booking_btn {
    background:none repeat scroll 0 0 #6c2416;
    border: medium none;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 12px;
    margin-top: 0;
    padding: 6px 10px;
    text-transform: uppercase;
}
.bg-logo {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border-bottom: 10px solid #b9442f;
    height: 85px;
    position: absolute;
    right: 810px;
    top: -15px;
    width: 1000%;
    z-index: -1;
}
#checkinDateText, #checkoutDateText, #Ccode {
	border: 1px solid #cccccc;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	height: 25px;
	padding: 0 10px;
	width:auto;
	background:url("http://www.lynnaya-hotel-angkor.com/public/images/glyphicons-halflings-datepicker.png") no-repeat scroll 96% 50% #ffffff;
	margin-right:5px
}
#staahbooking {
	border-radius: 5px;
	color: #000000;
	float: left;
	margin: 2px auto 0;
	padding: 0;
	position: relative;
	width: auto;
}
.be_widget h3 {
    background: none repeat scroll 0 0 #b9442f;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    color: #ffffff;
    font-family: verdana;
    font-size: 12px;
    font-weight: lighter;
    margin: 0;
    padding: 7px 10px;
    position: absolute;
    text-transform: uppercase;
    top: -34px;
}
button.ui-datepicker-trigger {
	display:none !important;
}
.cal_widget label {
	color: #000000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-shadow: 0 0 1px #8b8b8b;
	text-transform: uppercase;
	width: auto;
	padding: 5px 0 0;
}
ul.cal_widget li {
    display: inline;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: auto;
}
ul.cal_widget {
	margin: 0;
	padding: 0;
}
#ui-datepicker-div {
	display:none;
	z-index: 999999
}
.cal_widget #hotel {
	margin-bottom:2px;
}
</style>
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->    
	

    <script type="text/javascript" src="<?php echo base_url();?>public/js/jquery-1.8.3.min.js"></script>
    <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>


    <!--<script type='text/javascript' src='<?php /*echo base_url();*/?>public/js/respond.min.js'></script>-->
    <!-- SlideShow -->
    <script type="text/javascript" src="<?php echo base_url();?>public/js/bgstretcher.js"></script>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>public/css/bgstretcher.css" />
    <!-- MainCSS -->
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>public/css/main.css" />

    <script type="text/javascript">
        $(document).ready(function(){

            $('body').bgStretcher({
                images: [

                    '<?php echo base_url();?>public/images/background/lyn-hotel-resort-angkor.jpg'/*,
                    '<?php echo base_url();?>public/images/background/LYN-website-index2-0710.jpg'*/
                ],
                imageWidth: 1920,
                imageHeight: 1020,
                slideDirection: 'N',
                slideShowSpeed: 1400,
                transitionEffect: 'fade',
                sequenceMode: 'normal',
                buttonPrev: '#prev',
                buttonNext: '#next',
                pagination: '#nav',
                anchoring: 'left center',
                anchoringImg: 'left center'
            });

        });

    </script>

<!-- custom scrollbar stylesheet -->
<link rel="stylesheet" href="<?= base_url();?>public/scroll/style.css">
<link rel="stylesheet" href="<?= base_url();?>public/scroll/jquery.mCustomScrollbar.css">
<!-- end custom scrollbar stylesheet -->

<!-- check screen size -->
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>public/css/media.css" />

    <?php include('application/views/lyn/v_analyticstracking.php'); ?>

</head>
<body>
    <?php // onLoad="showModal()" ?>

    <div id="container">
        <div id="header">
            <div class="wrapHeader">
                <div class="bg-logo"></div>
                <?= anchor(
                    "",
                    '<div class="logo"></div>',
                    isset($page_name) ? ( $page_name == "contacts" ? "class='active'" : "" ) : "" );?>
            </div>
            
        </div><!-- .header -->
        <div class="clear"></div>
    <!--
      -- Body
      -->
<div id="body">
    <div class="wrapBody">

        <div class="bodyContent ml180">

            <div class="mainTitle">
                <h1>CONTEMPORARY <span class="hightlight">URBAN</span> RESORT &nbsp;</h1>
            </div>
            <div class="bar"></div>

            <div class="content page">

                <div class="mainText">

                    <div class="m10">

                        <div class="clear"></div>
                        
                          <div id="demo" class="showcase scrollTo-demo">
                            <!--<section id="examples">-->
                                <!-- content -->
                                <div class="content demo-y" id="content-1">
                                    <section id="info">
                                        <div class="scrollTo">
                                                <?php if( sizeof($facilities)>0 )
												{
													$i = 0;
													foreach( $facilities as $value )
													{
												?>
													<div class="plink " >
														<a href="#" rel="content-y" data-scroll-to="p:eq(<?php echo $i; ?>)">
															<img src="<?= base_url();?>upload/facility/<?php echo $value['icon'];?>" />
                                                            <div class="clear"></div>
															<?php echo $value['name'];?>
														</a>
													</div>
													
											<?php
													$i++;
													}// end loop
												}// end if
											?>
                                        </div>
                                    </section>
                                    
                                    <div class="clear"></div> <!-- end first row -->
                                    <div class="divide-row"></div>
                                 	<?php if( sizeof($facilities)>0 )
										{
											foreach( $facilities as $value )
											{
										?>
                                        	
                                        		<div class="text_image"  >
                                                    <div class="plink " >
                                                            <img src="<?= base_url();?>upload/facility/<?php echo $value['icon'];?>" />
                                                            <div class="clear"></div>
                                                            <?php echo $value['name'];?>
                                                    </div>
                                                    <div class="plink-left">
                                                            <p><?php echo $value['description'];?></p>
                                                    </div>
                                                </div><!-- end text_image -->
                                                
                                                <div class="clear"></div>
									<?php
											}// end loop
										}// end if
									?>
                                    <div class="scrollTo scroll-top scrollToTop" id="back_to_top">
                                    	<a href="#0%" rel="content-y">
                                        	<img src="<?= base_url();?>public/scroll/img/back-to-top.jpg" />
                                        </a>
                                    </div>
                                </div>
                            <!--</section>--> <!-- end section -->
                        </div><!-- end demo -->
    
                    </div>
                </div>

            </div><!-- .content -->
        </div><!-- .bodyContent -->

    </div><!-- .wrapHeader -->

<!-- custom scrollbar plugin -->
	<script src="<?= base_url();?>public/scroll/jquery.mCustomScrollbar.concat.min.js"></script>
	<script>
		(function($){
			$(window).load(function(){
				$('.scrollToTop').fadeOut();
				
				$("#content-1").mCustomScrollbar({
					///setTop:"300px",
					autoHideScrollbar:true,
					theme:"rounded"
				});
				
				$.mCustomScrollbar.defaults.theme="light-2"; //set "light-2" as the default theme
				
				$(".demo-y").mCustomScrollbar();
				
				$(".demo-x").mCustomScrollbar({
					axis:"x",
					advanced:{autoExpandHorizontalScroll:true}
				});
				
				$(".demo-yx").mCustomScrollbar({
					axis:"yx"
				});
				
				$(".scrollTo a").click(function(e){
					e.preventDefault();
					var $this=$(this),
						rel=$this.attr("rel"),
						el=rel==="content-y" ? ".demo-y" : rel==="content-x" ? ".demo-x" : ".demo-yx",
						data=$this.data("scroll-to"),
						href=$this.attr("href").split(/#(.+)/)[1],
						to=data ? $(el).find(".mCSB_container").find(data) : el===".demo-yx" ? eval("("+href+")") : href,
						output=$("#info > p code"),
						outputTXTdata=el===".demo-yx" ? data : "'"+data+"'",
						outputTXThref=el===".demo-yx" ? href : "'"+href+"'",
						outputTXT=data ? "$('"+el+"').find('.mCSB_container').find("+outputTXTdata+")" : outputTXThref;
					$(el).mCustomScrollbar("scrollTo",to);
					output.text("$('"+el+"').mCustomScrollbar('scrollTo',"+outputTXT+");");
					
					if (rel == 'content-y' && to != '0%' ) {
						$('.scrollToTop').fadeIn();
					} else{
						$('.scrollToTop').fadeOut();
					}
					//alert(to);
					
				});
				
			});
		})(jQuery);
	</script>
    <?php $this->load->view('lyn/v_footer');?>